<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>表格标签</title>
	</head>

	<body>
		<!--
			浏览器在解析表格的时候,会把table标签作为一个整体进行解析
			为了提高用户的使用体验,表格应该使用结构标签
		-->

		<table border="1px" align="center" width="90%">
			<!--
				指定标题
				caption标签必须写在 table标签之后
			-->
			<caption>人员信息表</caption>
			<!--
				表头
			-->
			<thead>
				<tr>
					<th>ID</th>
					<th>Name</th>
					<th>Age</th>
				</tr>
			</thead>
			<!--
				内容区
			-->
			<tbody>
				<tr>
					<td>001</td>
					<td>张三</td>
					<td>11</td>
				</tr>
				<tr>
					<td>002</td>
					<td>李四</td>
					<td>22</td>
				</tr>
				<tr>
					<td>001</td>
					<td>张三</td>
					<td>11</td>
				</tr>
				<tr>
					<td>002</td>
					<td>李四</td>
					<td>22</td>
				</tr>
				<tr>
					<td>001</td>
					<td>张三</td>
					<td>11</td>
				</tr>
				<tr>
					<td>002</td>
					<td>李四</td>
					<td>22</td>
				</tr>
				<tr>
					<td>001</td>
					<td>张三</td>
					<td>11</td>
				</tr>
				<tr>
					<td>002</td>
					<td>李四</td>
					<td>22</td>
				</tr>
				<tr>
					<td>001</td>
					<td>张三</td>
					<td>11</td>
				</tr>
				<tr>
					<td>002</td>
					<td>李四</td>
					<td>22</td>
				</tr>
				<tr>
					<td>001</td>
					<td>张三</td>
					<td>11</td>
				</tr>
				<tr>
					<td>002</td>
					<td>李四</td>
					<td>22</td>
				</tr>
				<tr>
					<td>001</td>
					<td>张三</td>
					<td>11</td>
				</tr>
				<tr>
					<td>002</td>
					<td>李四</td>
					<td>22</td>
				</tr>
				<tr>
					<td>001</td>
					<td>张三</td>
					<td>11</td>
				</tr>
				<tr>
					<td>002</td>
					<td>李四</td>
					<td>22</td>
				</tr>
				<tr>
					<td>001</td>
					<td>张三</td>
					<td>11</td>
				</tr>
				<tr>
					<td>002</td>
					<td>李四</td>
					<td>22</td>
				</tr>
				<tr>
					<td>001</td>
					<td>张三</td>
					<td>11</td>
				</tr>
				<tr>
					<td>002</td>
					<td>李四</td>
					<td>22</td>
				</tr>
				<tr>
					<td>001</td>
					<td>张三</td>
					<td>11</td>
				</tr>
				<tr>
					<td>002</td>
					<td>李四</td>
					<td>22</td>
				</tr>
				<tr>
					<td>001</td>
					<td>张三</td>
					<td>11</td>
				</tr>
				<tr>
					<td>002</td>
					<td>李四</td>
					<td>22</td>
				</tr>
				<tr>
					<td>001</td>
					<td>张三</td>
					<td>11</td>
				</tr>
				<tr>
					<td>002</td>
					<td>李四</td>
					<td>22</td>
				</tr>
				<tr>
					<td>001</td>
					<td>张三</td>
					<td>11</td>
				</tr>
				<tr>
					<td>002</td>
					<td>李四</td>
					<td>22</td>
				</tr>
				<tr>
					<td>001</td>
					<td>张三</td>
					<td>11</td>
				</tr>
				<tr>
					<td>002</td>
					<td>李四</td>
					<td>22</td>
				</tr>
				<tr>
					<td>001</td>
					<td>张三</td>
					<td>11</td>
				</tr>
				<tr>
					<td>002</td>
					<td>李四</td>
					<td>22</td>
				</tr>
				<tr>
					<td>001</td>
					<td>张三</td>
					<td>11</td>
				</tr>
				<tr>
					<td>002</td>
					<td>李四</td>
					<td>22</td>
				</tr>
				<tr>
					<td>001</td>
					<td>张三</td>
					<td>11</td>
				</tr>
				<tr>
					<td>002</td>
					<td>李四</td>
					<td>22</td>
				</tr>
				<tr>
					<td>001</td>
					<td>张三</td>
					<td>11</td>
				</tr>
				<tr>
					<td>002</td>
					<td>李四</td>
					<td>22</td>
				</tr>
				<tr>
					<td>001</td>
					<td>张三</td>
					<td>11</td>
				</tr>
				<tr>
					<td>002</td>
					<td>李四</td>
					<td>22</td>
				</tr>
			</tbody>
			<!--
				页脚
			-->
			<tfoot>

			</tfoot>

		</table>
	</body>

</html>